<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    用户名：<input type="text" id="username"><span></span><br>
    密码：<input type="text" id="password"><span></span><br>
    重复密码：<input type="text" id="password2"><span></span><br>
    邮箱：<input type="text" id="email"><span></span><br>
    手机号：<input type="text" id="tel"><span></span><br>
    <input type="button" id="btn" value="提交">
</body>
<script>
    // 用户名：必须字母开头，可以包含数字，字母，下划线，中划线，中文，2~8位
    // 密码：数字，字母，特殊字符，6~12位
        // 一种，弱；两种，中；三种，强
    // 重复密码：和密码相同，不需要正则
    // 邮箱：参考课上邮箱规则
    // 手机号：真实手机号规则

    // 提交：要求所有输入框都验证通过，点击提交提示成功，只要有一个输入框验证失败，就提示谁失败

    var tel = document.getElementById("tel");
    tel.oninput = function(){
        var str = this.value
        var reg = /^1[3-9]\d{9}$/;

        if(reg.test(str)){
            this.nextElementSibling.innerHTML = "ok";
        }else{
            this.nextElementSibling.innerHTML = "请输入正确的手机号";
        }
    }
    
</script>
</html>